﻿#calendar{
    position:absolute;
    top:0;
    left:0;    
    right:0;
    bottom:0;
    z-index:9999;
}
#calendarMask{
    background:rgba(0,0,0,0.1);
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;  
    z-index:1;  
}
#calendarContent{
    background:#fff;
    position:absolute;
    z-index:2;
    bottom:0;
    left:0;
    width:100%;
}
#calendarContentMask{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:10000;
    display:none;
}
#calendar .arrow-left,
#calendar .arrow-right,
#calendar .close {
    display: none;
    vertical-align: top;
    width: 1.333333rem;
}

#calendar .expend .arrow-left,
#calendar .expend .arrow-right,
#calendar .expend .close {
    display: inline-block;
}

#calendar .bar {
    font-size:0.373333rem;
    color: #666;
    height:45px;
    line-height:45px;
    text-align: center;
   /* position: relative;
    z-index:2;*/
    border-bottom: 1px solid #e2e2e2;
}

#calendar .bar .calendar-txt {
    width: 5.333333rem;
    display: inline-block;
}

#calendar .bar span {
    height: 100%;
}

#calendar .bar .arrow-left {
    background: url(../images/prevm.png) center center no-repeat;
    background-size: 0.16rem 0.293333rem;
}
#calendar .bar .arrow-left.disabled {
    background: url(../images/prevm1.png) center center no-repeat;
    background-size: 0.16rem 0.293333rem;
}
#calendar .bar .arrow-right {
    background: url(../images/nextm.png) center center no-repeat;
    background-size: 0.16rem 0.293333rem;
}
#calendar .bar .arrow-right.disabled {
    background: url(../images/nextm1.png) center center no-repeat;
    background-size: 0.16rem 0.293333rem;
}
#calendar .bar .close {
    position: absolute;
    right: 0;
    top: 0;
    background: url(../images/i-close.png) center center no-repeat;
    background-size: 0.293333rem;
    display: none
}
#calendar .swiper-wrapper{
	-webkit-backface-visibility:hidden;
	-webkit-transform:translateZ(0); 
	-webkit-perspective: 1000;
}
#calendar .calendar-wrap {
    padding-bottom: 0.266667rem;
    height:8.106667rem;
}

#calendar .calendar-bar {
    text-align: center;
}

#calendar .calendar-bar li {
    /*font-size: 0.266667rem;*/
    color: #333;
}
#calendar .calendar-list-box{
    overflow:hidden;
}
#calendar .calendar-list-wrap{
	position:relative;
	z-index:3;
    /*display:-webkit-box;  */
}
#calendar .calendar-list{
    width:100%;
}
#calendar .calendar-list ul {
    text-align: center;
}

#calendar .calendar-list li {
    font-size: 0.37333rem;
    color: #666;
    font-weight: 400;
}
#calendar .calendar-list li.clendar-disabled
{
    color:#d2d2d2;
}

#calendar .calendar-bar li,
#calendar .calendar-list li {
    margin: 0 0.08rem;
    height: 1.12rem;
    width: 1.12rem;
    line-height: 1.12rem;
    display: inline-block;
    vertical-align: top;
}

#calendar .calendar-list .day {
    /*background: rgba(220, 21, 21, 0.10);
    color: #933D3D;*/
    color:#fff;
    background: #FC3438;
    border-radius: 100%;
}

#calendar .calendar-list .cur {
    background: #DF3031;
    color: #fff;
    border-radius: 100%;
}


#calendar .calendar-list-wrap::-webkit-scrollbar{
    /*display:none;*/
}
.iphoneX #calendar .calendar-wrap{
    padding-bottom:1rem;
    box-sizing:content-box;
}
.